<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <th:block th:include="include :: header('BPMN diagram')" />
    <link rel="stylesheet" th:href="@{/ruoyi/bpmn/css/diagram-js.css}"/>
    <link rel="stylesheet" th:href="@{/ruoyi/bpmn/vendor/bpmn-font/css/bpmn-embedded.css}"/>
    <link rel="stylesheet" th:href="@{/ruoyi/bpmn/css/app.css}"/>
</head>
<body>
<div class="content with-diagram" id="js-drop-zone">
    <input id="modelId" name="modelId" th:field="*{modelId}" type="hidden">
    <div class="message intro" style="display:none">
        <div class="note">
            Drop BPMN diagram from your desktop or <a id="js-create-diagram" href>create a new diagram</a> to get
            started.
        </div>
    </div>

    <div class="message error">
        <div class="note">
            <p>Ooops, we could not display the BPMN 2.0 diagram.</p>

            <div class="details">
                <span>Import Error Details</span>
                <pre></pre>
            </div>
        </div>
    </div>
    <div class="canvas" id="js-canvas"></div>
    <div class="properties-panel-parent" id="js-properties-panel" style="width: 350px"></div>

</div>

<ul class="buttons">
    <!-- <li>
      download
    </li> -->
    <li>
        <a id="js-save-diagram" href title="save BPMN diagram" class="active">
            保存
        </a>
    </li>
    <li>
        <a id="js-download-diagram" href title="download BPMN diagram">
            BPMN diagram
        </a>
    </li>
    <li>
        <a id="js-download-svg" href title="download as SVG image">
            SVG image
        </a>
    </li>
<!--    <li>-->
<!--        <a id="js-clear-svg" href title="清空画布">-->
<!--            清空画布-->
<!--        </a>-->
<!--    </li>-->

</ul>
<th:block th:include="include :: footer" />
<script th:src="@{/ruoyi/bpmn/app.js?v=4.7.3}"></script>
</body>
</html>

